// 这个文件专门封装axios
import axios from 'axios'
import { Loading } from 'element-ui'
import router from '@/router'
// 单独导入loding
// 设置基地址
axios.defaults.baseURL = 'http://www.liulongbin.top:3008'
let loading
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // config固定写法 改请求所有的配置选项
  console.log(config)
  // 并不是所有请求都需要加这个字段Authorization
  // 判断是不是以、/my开头，得到true或flas
  if (config.url.startsWith('/my')) {
    config.headers.Authorization = localStorage.getItem('cms-91')
  }

  // 添加loading效果
  //  1.Loading效果是发请求之前
  loading = Loading.service({
    lock: true, // lock是锁定屏幕的
    text: '一大波数据正在赶来', //
    spinner: 'el-icon-loading', // icon
    background: 'rgba(0, 0, 0, 0.7)'// 遮罩层透明度
  })
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
// q请求成功还是失败都应该关闭loading
axios.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  loading.close() // 结束loading
  console.log('请求成功了')
  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
//   关loading
  loading.close() // 结束loading
  console.log('请求失败了')
  console.dir(error) // 对象形式打开错误信息
  // 错误 相应 状态栏 === 401时  ,身份信息错误回到登录页
  if (error.response.status === 401 && error.response.data.code === 1) {
    // token过期，就删除重新获取

    router.push('/login')
    localStorage.removeItem('cms-91')
  }

  return Promise.reject(error)
})
// 默认导出
export default axios
